<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="s" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <title>工资条</title>
    <link rel="stylesheet" type="text/css" href="../lib/laydate/skins/default/laydate.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/pagination/style/pagination.css"/>
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/news/center.css"/>
    <script type="text/javascript" src="../js/news/jquery-1.9.1.js"></script>
    <script src="../js/news/page.js"></script>

    <script src="../js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/layer/layer.js?20201106"></script>
    <%--<script src="../lib/laydate/laydate.js"></script>--%>
    <script src="https://cdn.bootcss.com/jquery.form/4.2.1/jquery.form.js"></script>
    <style>
        .bx {
            width: 100%
        }

        .headDiv {
            width: 100%;
            height: 45px;
            border-bottom: #999 1px solid;
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            background: #fff;
        }

        .divP {
            float: left;
            height: 45px;
            line-height: 45px;
            font-size: 22px;
            margin-left: 10px;
            color: #494d59;
        }

        .div_Img {
            float: left;
            width: 23px;
            height: 100%;
            margin-left: 30px;
        }

        .div_Img img {
            width: 23px;
            height: 23px;
            margin-top: 11px;
        }

        .newBtn {
            float: right;
            display: inline-block;
            width: 85px;
            height: 32px;
            background-color: #2f80d1;
            margin-top: 7px;
            margin-right: 10.3%;
            font-size: 14px;
            cursor: pointer;
            border: #ccc 1px solid;
            color: #fff;
            border-radius: 5px;
        }

        .div_txt {
            float: left;
            height: 32px;
            line-height: 32px;
            margin-left: 5px;
        }

        .div_IMG {
            float: left;
            width: 14px;
            height: 100%;
            margin-left: 5px;
        }

        .div_IMG img {
            width: 14px;
            height: 14px;
            margin-top: 9px;
        }

        .tab {
            width: 80%;
            margin: 66px auto 10px auto;
            /* margin-top: 66px;*/
        }

        .tab table {
            width: 99%;
            font-size: 14px;
            margin: 0 auto;
        }

        .tab table tr {
            border: 1px solid #c0c0c0;
            /*cursor: pointer;*/
        }

        .tab table tr th {
            color: #2F5C8F;
            font-weight: normal;
        }

        .tab table tr:nth-child(odd) {
            background-color: #fff;
        }

        .tab table tr:nth-child(even) {
            background-color: #F6F7F9;
        }

        .tab table tr.userData:hover {
            background-color: #74d174;
        }

        .tab table tr th, .tab table tr td {
            padding: 10px;
        }

        .tab table tr th, .tab table tr td {
            text-align: center;
        }

        .tab table a {
            text-decoration: none;
            text-align: left;
            display: inline-block;
            color: #2B7FE0;
        }

        .searchBox li {
            margin-bottom: 15px;
        }

        .searchBox li input[type="text"] {
            border: 1px solid #ccc;
            font-size: 14px;
            height: 32px;
            line-height: 34px;
            padding: 0 10px;
            width: 265px;
            float: left;
            border-radius: 4px;
            text-align: left;
        }

        .searchBox li input[type="text"]:focus {
            border-color: #0090e3;
        }

        .searchBox li label {
            height: 34px;
            width: 92px;
            line-height: 32px;
            text-align: right;
            margin-right: 10px;
            float: left;
            padding-right: 8px;
        }

        .select {
            width: 100px;
            height: 32px;
            border-radius: 4px;
        }
        .th{
            font-size: 13pt;
        }
        td{
            font-size: 11pt;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
</head>
<body>
<div class="bx">
    <!--head开始-->
    <div class="headDiv">
        <div class="div_Img">
            <img src="/img/commonTheme/${sessionScope.InterfaceModel}/icon_organizationmanagement_03.png"
                 style="vertical-align: middle;" alt="工资条">
        </div>
        <div class="divP"><fmt:message code="depatement.th.Multiorganizational"/></div>
        <div class="newBtn" id="user_btn" style="display: block;">
            <div class="div_IMG">
                <img src="../img/sys/icon_newlyBuild.png" style="vertical-align: middle;" alt="新建公司">
            </div>
            <div class="div_txt"><fmt:message code="controller.th.newOrg"/></div>
        </div>
        <%--<input type="button" name="user_btn" id="user_btn" value="新建公司" />--%>
    </div>

    <!--content部分开始-->
    <div>
        <div class="tab">
            <table id="tr_td" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
                <thead>
                <tr>
                    <td class="th">
                        0列
                    </td>
                    <td class="th" width="50%">
                    	1列
                    </td>
                    <td class="th" >
                        3列
                    </td>
                    <td class="th">
                        4列
                    </td>
                </tr>
                </thead>
                <tbody id="j_tb" class="tr_td">

                </tbody>
            </table>
        </div>


    </div>
    <!--content部分结束-->

</div>
</div>


<script>


	function getCtsalaryData(){
		
		 $.ajax({
			type: "get",
			url: "/nccloud/api/ctsalaryData",
			dataType: 'JSON',
			success: function (json) {
				if(json.data!=null){
					var str="";
					for(var i=0;i<data.length;i++){
						str+="<tr><td>"+data[i].account_1+"</td>";
						str+="<td>"+data[i].name_2+"</td>";
						str+="<td>"+data[i].szbm_3+"</td>";
						str+="<td>"+data[i].fxyf_4+"</td></tr>";
					}
					$("#j_tb").html(str);
				}
			}
		});
	}



</script>
</body>


</html>








